<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<footer id="baiduMap" style="width:500px;height: 500px;"></footer>

<script>

    function setMap() {
        let map = new BMap.Map("baiduMap");            // 创建Map实例,
        let point = new BMap.Point(120.216244,30.192083);    // 创建点坐标
        map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。
        let marker = new BMap.Marker(point);  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
        let opts = {
            width : 200,     // 信息窗口宽度
            height: 100,     // 信息窗口高度
            title : "志梦集团" // 信息窗口标题
        };
        let infoWindow = new BMap.InfoWindow("地址：杭州市滨江区江晖路487号 兴耀科技园3号楼803室  ", opts);  // 创建信息窗口对象
        marker.addEventListener("click", function(){
            map.openInfoWindow(infoWindow,point); //开启信息窗口
        });
        map.enableScrollWheelZoom();     //启用滚轮放大缩小
    }
    function loadScript() {
        let script = document.createElement("script"); //创建script标签
        script.src = "http://api.map.baidu.com/api?v=1.2&ak=6mus00h9IGXMZTmHgB2krc5l82XA0tku&callback=setMap"; //异步加载的关键
        document.body.appendChild(script); //添加到页面
    }
    window.onload = loadScript(); //当页面加载完毕，加载百度地图
</script>
</body>
</html>